<template>
  <div class="app">
      <h2>....</h2>
      <School></School>
      <hr>
      <Student></Student>
      <h2>....</h2>
  </div>
</template>

<script>
import School from './components/School'
import Student from './components/Student'
export default {
    name:'App',
    components:{School,Student}
}
</script>

<style>
.app{
    background-color: gray;
    padding: 30px;
}
</style>